<template>
  <el-dialog
    title="提示"
    :visible.sync="previewVisible"
    width="70%"
    :before-close="handleClose">
    <pre-view :project-key='projectKey':isTemplate='isTemplate'></pre-view>
    <span slot="footer" class="dialog-footer">
  </span>
  </el-dialog>
</template>

<script>
import PreView from '@/views/project/form/skin/PreView'
export default {
  name: 'PreviewDialog',
  components: {
    PreView,
  },
  props: {
    previewVisible: {
      default: false
    },
    projectKey: String
  },
  data() {
    return {
      isTemplate: true
    }
  },
  created () {
    console.log(this.projectKey)
  },
  methods: {
    handleClose() {
      this.$emit('update:previewVisible', false)
    }
  }
}
</script>

<style scoped>

</style>
